<%--
  Created by IntelliJ IDEA.
  User: qinfeng
  Date: 2021/9/25
  Time: 13:20
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/mi/css/common/header.css">
    <link rel="stylesheet" href="/mi/css/iconfont/iconfont.css">
    <link rel="icon" href="/mi/imgs/favicon.ico" type="image/x-icon"/>
    <title>导航栏</title>
    <style>
        #ui-id-1 {
            position: absolute;
            z-index: 999;
            display: none;
            top: 115px;
            left: 1194px;
            background: white;
            border: 1px solid rgb(255, 103, 0);
            cursor: pointer;
            width: 223.011px;
        }

        #ui-id-1 li {
            height: 30px;
            margin-top: 10px;
        }
    </style>
</head>
<body>
<div class="header">
    <div class="site-topbar">
        <div class="container">
            <div class="topbar-nav">
                <a href="#">小米商城</a>
                <span class="sep">|</span>
                <a href="#">MIUI</a>
                <span class="sep">|</span>
                <a href="#">loT</a>
                <span class="sep">|</span>
                <a href="#">云服务</a>
                <span class="sep">|</span>
                <a href="#">天星数科</a>
                <span class="sep">|</span>
                <a href="#">有品</a>
                <span class="sep">|</span>
                <a href="#">小爱开放平台</a>
                <span class="sep">|</span>
                <a href="#">企业团购</a>
                <span class="sep">|</span>
                <a href="#">资质证照</a>
                <span class="sep">|</span>
                <a href="#">协议规则</a>
                <span class="sep">|</span>
                <a href="#">下载app</a>
                <span class="sep">|</span>
                <a href="#">智能生活</a>
                <span class="sep">|</span>
                <a href="#">Select Location</a>
                <span class="sep">|</span>
            </div>


            <%--顶部导航栏的购物车抽取出来--%>
            <div id="cartOuter">

            </div>

            <div class="topbar-info" style="position: relative">
                <c:if test="${user == null}">
                    <a href="/mi/login">登录</a>
                </c:if>
                <c:if test="${user != null}">
                    <a style="cursor: pointer" class="userName" href="/mi/personal_center/portal" target="_blank">
                            ${user.userName}

                        <ul id="headerPull" class="headerPull">
                            <li>个人中心</li>
                            <li>评价晒单</li>
                            <li onclick="exit()">退出登录</li>
                        </ul>
                    </a>

                </c:if>
                <span class="sep">|</span>
                <c:if test="${user == null}">
                    <a href="/mi/register">注册</a>
                </c:if>
                <c:if test="${user != null}">
                    <a href="/mi/personal_center/likes" target="_blank">我的喜欢</a>
                </c:if>
                <span class="sep">|</span>

                <c:if test="${user != null}">
                    <a href="/mi/order/order_load">我的订单</a>
                </c:if>
                <c:if test="${user == null}">
                   <span class="message">
                        <a href="#">消息通知</a>
                    </span>
                </c:if>
            </div>
        </div>
    </div>
    <!--  -->
    <div class="site-header">
        <div class="container">
            <!-- logo -->
            <div class="header-log">
                <a href="/mi/index" target="_blank">
                    <img src="/mi/imgs/mi.png" alt="">
                </a>
            </div>


            <!-- 中间导航部分 -->
            <div id="outer">
                <div class="header-nav">
                    <ul class="nav-list">
                        <li class="nav-category"><a href="" class="link-category">全部商品分类</a>
                            <div class="site-category">
                                <ul class="site-category-list">
                                    <li class="category-item">
                                        <a href="">手机<em class="iconfont">&#xe625;</em>
                                            <div class="nav-content">
                                                <ul>
                                                    <li>
                                                        <a href="">
                                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90"
                                                                 alt="">
                                                            <span>小米11</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="">
                                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0803dc7125ffa3447b04b1ae60f57a2b.jpg?thumb=1&w=45&h=45&f=webp&q=90"
                                                                 alt="">
                                                            <span>小米12</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="">
                                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/56bb7e2d44cef71c3afedaeae3d98927.png?thumb=1&w=45&h=45&f=webp&q=90"
                                                                 alt="">
                                                            <span>小米13</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="">
                                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/56bb7e2d44cef71c3afedaeae3d98927.png?thumb=1&w=45&h=45&f=webp&q=90"
                                                                 alt="">
                                                            <span>小米14</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                                <ul>
                                                    <li>
                                                        <a href="">
                                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab956ee82c24bdd83d21bc212aad3eb5.png?thumb=1&w=45&h=45&f=webp&q=90"
                                                                 alt="">
                                                            <span>小米15</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="">
                                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a1241b5a94ba1739e85f72d46592af0e.png?thumb=1&w=45&h=45&f=webp&q=90"
                                                                 alt=""><span>小米16</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="">
                                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a1241b5a94ba1739e85f72d46592af0e.png?thumb=1&w=45&h=45&f=webp&q=90"
                                                                 alt=""><span>小米17</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="">
                                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a1241b5a94ba1739e85f72d46592af0e.png?thumb=1&w=45&h=45&f=webp&q=90"
                                                                 alt=""><span>小米18</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                                <ul>
                                                    <li>
                                                        <a href="">
                                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a1241b5a94ba1739e85f72d46592af0e.png?thumb=1&w=45&h=45&f=webp&q=90"
                                                                 alt=""><span>小米19</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="">
                                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a1241b5a94ba1739e85f72d46592af0e.png?thumb=1&w=45&h=45&f=webp&q=90"
                                                                 alt=""><span>小米20</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="">
                                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a1241b5a94ba1739e85f72d46592af0e.png?thumb=1&w=45&h=45&f=webp&q=90"
                                                                 alt=""><span>小米11</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="">
                                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a1241b5a94ba1739e85f72d46592af0e.png?thumb=1&w=45&h=45&f=webp&q=90"
                                                                 alt=""><span>小米11</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                                <ul>
                                                    <li>
                                                        <a href="">
                                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90"
                                                                 alt=""><span>小米11</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="">
                                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90"
                                                                 alt=""><span>小米11</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="">
                                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90"
                                                                 alt=""><span>小米11</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="">
                                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90"
                                                                 alt=""><span>小米11</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                                <ul>
                                                    <li>
                                                        <a href="">
                                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90"
                                                                 alt=""><span>小米11</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="">
                                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90"
                                                                 alt=""><span>小米11</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="">
                                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90"
                                                                 alt=""><span>小米11</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="">
                                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90"
                                                                 alt=""><span>小米11</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="category-item">
                                        <a href="">电视<em class="iconfont">&#xe625;</em></a>
                                        <div class="nav-content">
                                            <ul>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1c0d83dd59a3dd91372d867864b35554.png?thumb=1&w=33&h=33&f=webp&q=90"
                                                             alt="">
                                                        <span>小米11</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1c0d83dd59a3dd91372d867864b35554.png?thumb=1&w=33&h=33&f=webp&q=90"
                                                             alt="">
                                                        <span>小米12</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/50194366cfebbc7c82489d0094c1f944.png?thumb=1&w=33&h=33&f=webp&q=90"
                                                             alt="">
                                                        <span>小米13</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b91c9ef670fa1c12eddf23b209f9ff33.png?thumb=1&w=33&h=33&f=webp&q=90"
                                                             alt="">
                                                        <span>小米14</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b91c9ef670fa1c12eddf23b209f9ff33.png?thumb=1&w=33&h=33&f=webp&q=90"
                                                             alt="">
                                                        <span>小米15</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/aa3954f817a23443c0b6b523ebbd09f6.png?thumb=1&w=33&h=33&f=webp&q=90"
                                                             alt=""><span>小米16</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/aa3954f817a23443c0b6b523ebbd09f6.png?thumb=1&w=33&h=33&f=webp&q=90"
                                                             alt=""><span>小米17</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/8aeae36f5d088f22c84b8953bd0d08b4.jpg?thumb=1&w=33&h=33"
                                                             alt=""><span>小米18</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a1241b5a94ba1739e85f72d46592af0e.png?thumb=1&w=45&h=45&f=webp&q=90"
                                                             alt=""><span>小米19</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a1241b5a94ba1739e85f72d46592af0e.png?thumb=1&w=45&h=45&f=webp&q=90"
                                                             alt=""><span>小米20</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a1241b5a94ba1739e85f72d46592af0e.png?thumb=1&w=45&h=45&f=webp&q=90"
                                                             alt=""><span>小米11</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a1241b5a94ba1739e85f72d46592af0e.png?thumb=1&w=45&h=45&f=webp&q=90"
                                                             alt=""><span>小米11</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90"
                                                             alt=""><span>小米11</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90"
                                                             alt=""><span>小米11</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90"
                                                             alt=""><span>小米11</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90"
                                                             alt=""><span>小米11</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90"
                                                             alt=""><span>小米11</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90"
                                                             alt=""><span>小米11</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90"
                                                             alt=""><span>小米11</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90"
                                                             alt=""><span>小米11</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="category-item">
                                        <a href="">笔记本 平板<em class="iconfont">&#xe625;</em></a>
                                        <div class="nav-content">
                                            <ul>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90"
                                                             alt="">
                                                        <span>小米11</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0803dc7125ffa3447b04b1ae60f57a2b.jpg?thumb=1&w=45&h=45&f=webp&q=90"
                                                             alt="">
                                                        <span>小米12</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/56bb7e2d44cef71c3afedaeae3d98927.png?thumb=1&w=45&h=45&f=webp&q=90"
                                                             alt="">
                                                        <span>小米13</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/56bb7e2d44cef71c3afedaeae3d98927.png?thumb=1&w=45&h=45&f=webp&q=90"
                                                             alt="">
                                                        <span>小米14</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab956ee82c24bdd83d21bc212aad3eb5.png?thumb=1&w=45&h=45&f=webp&q=90"
                                                             alt="">
                                                        <span>小米15</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a1241b5a94ba1739e85f72d46592af0e.png?thumb=1&w=45&h=45&f=webp&q=90"
                                                             alt=""><span>小米16</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a1241b5a94ba1739e85f72d46592af0e.png?thumb=1&w=45&h=45&f=webp&q=90"
                                                             alt=""><span>小米17</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a1241b5a94ba1739e85f72d46592af0e.png?thumb=1&w=45&h=45&f=webp&q=90"
                                                             alt=""><span>小米18</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a1241b5a94ba1739e85f72d46592af0e.png?thumb=1&w=45&h=45&f=webp&q=90"
                                                             alt=""><span>小米19</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a1241b5a94ba1739e85f72d46592af0e.png?thumb=1&w=45&h=45&f=webp&q=90"
                                                             alt=""><span>小米20</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a1241b5a94ba1739e85f72d46592af0e.png?thumb=1&w=45&h=45&f=webp&q=90"
                                                             alt=""><span>小米11</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a1241b5a94ba1739e85f72d46592af0e.png?thumb=1&w=45&h=45&f=webp&q=90"
                                                             alt=""><span>小米11</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90"
                                                             alt=""><span>小米11</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90"
                                                             alt=""><span>小米11</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90"
                                                             alt=""><span>小米11</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90"
                                                             alt=""><span>小米11</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90"
                                                             alt=""><span>小米11</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90"
                                                             alt=""><span>小米11</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90"
                                                             alt=""><span>小米11</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cf44dfe89111cb35e1a2211481ff546.png?thumb=1&w=40&h=40&f=webp&q=90"
                                                             alt=""><span>小米11</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="category-item"><a href="">家电<em class="iconfont">&#xe625;</em></a>
                                    </li>
                                    <li class="category-item"><a href="">出行 穿戴<em class="iconfont">&#xe625;</em></a>
                                    </li>
                                    <li class="category-item">
                                        <a href="">智能 路由器<em
                                                class="iconfont">&#xe625;</em></a>
                                    </li>
                                    <li class="category-item"><a href="">电源 配件<em class="iconfont">&#xe625;</em></a>
                                    </li>
                                    <li class="category-item"><a href="">健康 儿童<em class="iconfont">&#xe625;</em></a>
                                    </li>
                                    <li class="category-item"><a href="">耳机 音箱<em class="iconfont">&#xe625;</em></a>
                                    </li>
                                    <li class="category-item"><a href="">生活 箱包<em class="iconfont">&#xe625;</em></a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <c:forEach items="${navClassList}" var="c" varStatus="xh">
                            <li class="nav-item">
                                <a href="" onmouseover="showNavProduct(${c.navId})">${c.navName}</a>
                                <div class="header-nav-menu slide-up">
                                    <div class="container">
                                        <ul class="children-list">
                                            <div class="commonProduct">
                                            </div>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                        </c:forEach>


                    </ul>
                </div>
            </div>


            <!-- 搜索区域 - 弹性盒子 -->
            <div class="header-search">
                <div class="search">
                    <div class="item1">
                        <input type="text" placeholder="小米11" id="pname" value="${pname}"/>
                    </div>
                    <div class="item2">
                        <input id="goToSearch" onclick="search_go()" type="button" class="iconfont"
                               style="font-size: 32px;" value="&#xeafe;"/>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<script src="/mi/plugins/jquery/jquery.min.js"></script>
<script src="/mi/plugins/jquery-ui.min.js"></script>
<script>
    // function isChinese(){
    //     var str = $("#pname").val;
    //     var pattern = new RegExp("[\u4E00-\u9FA5]");
    //     var reg=/[\u4E00-\u9FA5]/g;
    //     if(reg.test(str)){
    //
    //         alert('该字符串是中文');
    //
    //     }
    //
    // }
    $("#pname").autocomplete({
        source: '/mi/search/tips',
        delay: 100,
        minLength: 1
    })


    $("#cartOuter").load("/mi/headerCart");

    function showMyCart() {
        $("#cartOuter").load("/mi/headerCart");
    }

    // function hideMyCart() {
    //     document.getElementById("headerCart").style.display = "none";
    // }


    function search_go() {
        let pname = $("#pname").val();//输入框的值
        window.open("/mi/product/find?productName=" + pname);
        // if (pname.trim()) {
            // $.get('/mi/search/so?text=' + pname.trim(), {}, function (_data) {
            //     console.log(_data);
            // },"json");
            // $("#search_outer").load("/mi/product/search/query02?text="+pname.trim());
        // }
    }

    function showNavProduct(navId) {
        $('.commonProduct').load("/mi/navProduct", {navId: navId})

        function showNavProduct(navId) {
            // alert(navId)
            // for(let i = 0; i < 10; i++){
            //     if(i == parseInt(navId))
            $('.commonProduct').load("/mi/navProduct", {navId: navId})
            // }
        }
    }

    function showNavProduct(navId) {
        // alert(navId)
        // for(let i = 0; i < 10; i++){
        //     if(i == parseInt(navId))
        $('.commonProduct').load("/mi/navProduct", {navId: navId})
        // }
    }

    // $(function(){
    //     // function productInfo(productId){
    //     //     console.log(111)
    //     //     alert(productId);
    //     // }
    // })

    // function productInfo(productId){
    //     console.log(111)
    //     alert(productId);
    // // }
    // function ssss(obj){
    //     document.getElementById("headerPull").style.height = "119px";
    //     document.getElementById("headerPull").style.display = "block";
    //     document.getElementById("headerPull").style.transition = "height 1s";
    //
    // }
    // function ssssss(obj) {
    //     document.getElementById("headerPull").style.height = "0px";
    //     document.getElementById("headerPull").style.display = "none";
    // }
    function exit() {
        window.location = "/mi/exit"
    }


    // let ui_helper_hidden_accessible = document.getElementsByClassName("ui-helper-hidden-accessible");
    // console.log(ui_helper_hidden_accessible)
</script>
</body>
</html>
